<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p2_文本处理标签</title>
</head>
<body>
  我是普通文字
  <!--空格折叠-->
  <b>加粗         文字</b>
  <i>italic斜体文字</i>
  <s>删除线文字</s>
  <u>underline下划线文字</u>
  <mark>高亮标记文字</mark>
  <br><!--换行标签-->
  我是新内容
  <!--
    less than小于号&lt;
    great than大于号&gt;
    &nbsp;空格
  -->
  我喜欢吃&lt;rose&gt;做的&nbsp;&nbsp;&nbsp;红烧肉
  <!--  标题标签 加粗 改字号 内容独占一行 有垂直方向的上下行间距  -->
  <h1>标题</h1>
  <h2>标题</h2>
  <h3>标题</h3>
  <h4>标题</h4>
  <h5>标题</h5>
  <h6>标题</h6>
  <!--  没有h7标签,但不会报错,只是不渲染效果  -->
  <h7>标题</h7>

  <!--  段落标签 内容独占一行 没有额外文字效果  -->
  <p>我是段落</p>
  <p>我是段落</p>
  <p>我是段落</p>

  <!--  分割线 生成一条灰色的水平分割线  -->
  <hr>
  <!--  生成假文 lorem按Tab补全  -->
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab ad consequuntur doloribus id incidunt pariatur sed sequi tempore voluptatem voluptatibus? Asperiores, commodi cumque earum error facere hic nulla omnis sed.

  <!-- 有序列表 ordered list  list item列表项-->
  <ol>
    <li>把冰箱门打开</li>
    <li>把大象装进去</li>
    <li>把冰箱门关上</li>
  </ol>
<!-- 无序列表 unordered list -->
  <ul>
    <li>《Java从入门到放弃》</li>
    <li>《Think in Java》</li>
    <li>《编程之美》</li>
    <li>《劲椎病康复指南》</li>
  </ul>
  <ul type="none">
    <li>热菜<br>
      <ol>
        <li>西红柿牛腩</li>
        <li>宫保鸡丁</li>
        <li>水煮肉片</li>
        <li>溜肉段</li>
      </ol>
    </li>

    <li>凉菜<br>
      <ol>
        <li>拍黄瓜</li>
        <li></li>
        <li></li>
        <li></li>
      </ol>
    </li>
    <li>主食<br>
      <ol>
        <li>米饭</li>
        <li>馒头</li>
      </ol>
    </li>
  </ul>

  <h1>个人简历</h1>
  <h3>基本信息</h3>
  <p>姓名:<b>超哥</b></p>
  <p>性别:男</p>
  <p>爱好:<s>追星</s></p>
  <h3>个人经历</h3>
  <ul>
    <li>小学9年</li>
    <li>中学9年</li>
    <li>高中12年</li>
  </ul>
  <h3>获得荣誉</h3>
  <ol>
    <li>赵丽颖收集达人</li>
    <li>赵丽颖永远也得不到的男人</li>
  </ol>
</body>
</html>